<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Localize calendar</title>
<link rel="stylesheet" href="<c:url value="/demo/jquery.ui.all.css"/>">


<script src="<c:url value="/ui/jquery-1.10.2.js" />"></script>
<script src="<c:url value="/ui/jquery-migrate-1.2.1.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.core.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.widget.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.datepicker.js" />"></script>
<script src="<c:url value="/ui/jquery-ui-timepicker-addon.js" />"></script>


<script src="<c:url value="/ui/jquery-ui-slide.min.js" />"></script>
<link rel="stylesheet" href="<c:url value="/demo/demos.css" />">
<link rel="stylesheet" href="<c:url value="/demo/dateTime.css" />">
<script type="text/css">
 

</script>

<script type="text/javascript">
	$(function() {
		
		$('#example').datetimepicker({
				changeMonth: true,
				changeYear: true
			});
	});
	

      
</script>
</head>
<body>
<form action="">

<table>
<td><input type="text" id="example" /></td>
</table>
</form>

	
		Date: <input type="text" id="example" />
		
	
	<button id="jack" onclick="getval()">jack</button>
	<hr>
	
	
	<script type="text/javascript">
		function getval() {
			alert($("#example").val())
		}
	</script>
</body>
</html>